<template>
  <cover-view class="upload-tip-container">
    <cover-view class="tip-block position-center">
      <cover-image class="icon" :src="status ? '/static/icon/upload-scs.png' : '/static/icon/upload-fail.png'">
      </cover-image>
      <cover-view class="text">{{status ? '提交成功' : '提交失败'}}</cover-view>
    </cover-view>
  </cover-view>
</template>
<script>
export default {
  props: {
    status: {
      type: Boolean,
      default: true
    }
  },
  data() {
    return {};
  }
};
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
@import "@/styles/index.scss";
.upload-tip-container {
  position: fixed;
  top: 0;
  left: 0;
  @include wh(100vw, 100vh);
  background: rgba(0, 0, 0, 0.5);
  .tip-block {
    @include wh(340rpx, 340rpx);
    border-radius: 30rpx;
    background: #fff;
    .icon {
      @include wh(138rpx, 138rpx);
      margin: 68rpx auto 0;
    }
    .text {
      font-size: 36rpx;
      text-align: center;
      line-height: 112rpx;
      font-weight: 500;
    }
  }
}
</style>